<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head th:fragment="headerFragment(title,active)">
    <meta charset="utf-8"/>
    <title><th:block th:text="${title!=null?title:'商品信息管理'}"></th:block></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta content="Coderthemes" name="author"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <!--为网页标题加图标-->
    <link rel="shortcut icon" th:href="@{/images/icon.png}"/>
    <link th:href="@{/plugs/bootstrap-5.0.2-dist/css/bootstrap.css}" rel="stylesheet" type="text/css" href="/plugs/bootstrap-5.0.2-dist/css/bootstrap.css"/>
    <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/style.css}" rel="stylesheet" type="text/css"/>
</head>
<body>
<div th:fragment="header-body">

    <nav class="navbar navbar-expand-lg bg-dark navbar-light" >
        <div class="container-fluid">
            <a class="navbar-brand" style="color: white" href="#"> <img class="card-img-top"  th:src="@{/images/2016.png}" alt="Card image" style="height:18%;width:18%;">商品信息管理系统</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>


            <div class="d-flex align-self-auto ">
                <div class="dropdown dropdown-menu-end">
                    <button type="button" class="btn dropdown-toggle text-light" data-bs-toggle="dropdown" th:text="${session.USER_SESSION.user_name}" th:if="${session.USER_SESSION.user_name!=null}">
                        <i class="fa fa-user-circle-o" style="font-size:36px;color: white"></i>
                    </button>
                    <ul class="dropdown-menu shadow">
                        <li><a class="dropdown-item" href="#">个人中心</a></li>
                        <li><a class="dropdown-item" href="/logout">退出登录</a></li>

                    </ul>
                </div>

            </div>
        </div>
    </nav>

<!--        <div class="left side-menu">
            <div class="sidebar-inner slimscrollleft">
                <div id="sidebar-menu">
                    <ul>

                        <li th:class="${active}=='publish'?'active':''">
                            <a th:href="@{/manage/getCateList}"
                               th:class="${active}=='cate'?'waves-effect active':'waves-effect'"><i
                                    class="fa fa-pencil-square-o" aria-hidden="true"></i><span> 商品分类管理 </span></a>
                        </li>
                        <li th:class="${active}=='article'?'active':''">
                            <a th:href="@{/admin/article}"
                               th:class="${active}=='article'?'waves-effect active':'waves-effect'"><i
                                    class="fa fa-list" aria-hidden="true"></i><span> 商品管理 </span></a>
                        </li>

                        <li th:class="${active}=='comments'?'active':''">
                            <a th:class="${active}=='comments'?'waves-effect active':'waves-effect'">
                                <i class="fa fa-comments" aria-hidden="true"></i><span> 用户管理 </span></a>
                        </li>

                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>-->

</div>
</body>
</html>
